<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<link rel="stylesheet" href="../css/public.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="../css/3-zhajinhua.css">
	<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
	<body>
		<div class="wrapper">
			<header>
				<div class="nav">
					<a href="../index.html" class="box"><i class="iconfont icon-zhuye"><span>主页</span></i></a>
					<a href="1-saolei.html" class="box"><i class="iconfont icon-zhadan"><span>扫雷</span></i></a>
					<a href="2-wuziqi.html" class="box"><i class="iconfont icon-wuziqi-xian"><span>五子棋</span></i></a>
					<a href="#" class="box" style="background-color;background-color: #00ffff;"><i
							class="iconfont icon-poker2" style="color:blue;"><span>炸金花</span></i></a>
					<a href="4-tanchishe.html" class="box"><i class="iconfont icon-snake"><span>贪吃蛇</span></i></a>
				</div>
			</header>
			<aside>
				<button class="action" v-show="@click()">开始游戏</button>
				
				<div id="app">
					<div v-for="(i,item) in suit">
						<div v-for="(j,jtem) in number" class="card" v-if="">
							<div class="suit-1">{{i}}</div>
							<div class="suit-2">{{i}}</div>
							<div class="suit-3">{{i}}</div>
							<div class="number-1">{{j}}</div>
							<div class="number-2">{{j}}</div>
						</div>
					</div>
				</div>
				
				<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
				<script>
					const app = new Vue({
						el: '#app',
						data: {
							suit: ['♠', '♥', '♣', '♦'],
							number: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]
						},
						methods:{
							
						}
					})
				</script>
			</aside>
			<footer>

			</footer>
		</div>
	</body>
</html>